@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}


/**/
.banner{ height:595px; width:100%; position:relative;}
.banner .bd{ height:595px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../images/banner.jpg) no-repeat center top;height:595px; overflow:hidden;}
.banner .bantil{ width:300px; height:4px; position:absolute; bottom:30px;left:50%; z-index:8; margin-left:-100px;}
.banner .bantil li{ width:50px; height:4px; float:left; display:inline; margin:0 8px;background:#008ce1;}
.banner .bantil li.cur{background:#ff7608;}

.sou{ height:72px; border-bottom:1px solid #ededed;overflow:hidden;}
.sou p{ height:72px; width:600px; font:14px "Microsoft YaHei"; line-height:72px; overflow:hidden; color:#666;}
.sou p a{ display:inline-block; padding:0 10px; color:#999;}
.sou3{ margin-top:18px;}
.sou3 input{ width:240px; height:36px; font:14px "Microsoft YaHei"; line-height:36px; background:url(../images/sou1.gif) no-repeat left top; color:#c6c6c6; border:0; overflow:hidden; padding-left:20px;}
.sou3 .ip01{ width:49px; height:36px; background:url(../images/sou2.gif) no-repeat center center; border:0; overflow:hidden; cursor:pointer;}

.tit{ font:30px "Microsoft YaHei"; text-align:center; background:url(../images/pro_hbg.png) no-repeat center top; height:139px; overflow:hidden;}
.tit a{ display:block; color:#333; padding-top:22px;}
.tit b{ color:#008ce1;}
.tit em{ display:block; font:12px Arial; text-transform:uppercase; color:#bcbcbc; letter-spacing:4px; padding-top:3px;}

.pro{ height:660px; padding-top:80px;overflow:hidden;}
.fen{ width:280px; border:1px solid #e0e0e0; border-bottom:3px solid #008ce1; padding-bottom:5px; float:left;}
.fen h2{ height:84px; font:24px "Microsoft YaHei"; text-align:center; color:#fff; background:#008ce1; overflow:hidden; line-height:84px;}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{background:url(../images/fen_h.gif) no-repeat left center; padding-left:20px; font-size:18px; margin-left:4px; text-transform:uppercase;}
.fen2 h3{ font:16px "Microsoft YaHei"; line-height:54px; height:54px; overflow:hidden; border-bottom:1px solid #e9ebea; padding:0 24px;}
.fen2 h3 a{ display:block; color:#444; font-weight:bold; background:url(../images/fen_jt1.gif) no-repeat right center;}
.fen2 h3 a:hover{background:url(../images/fen_jt2.gif) no-repeat right center; color:#ff7608;}
.fen2 .nones{ border:0;}
.fen2 ul{ width:246px; margin:0 auto;}
.fen2 li{ font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#787878; float:left; width:123px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.fen2 li a{ color:#787878; display:block; background:url(../images/fen_jt3.gif) no-repeat left 16px; padding-left:15px; }
.pro2{ width:885px; float:right;}
.pro2 dl{ height:448px; overflow:hidden; position:relative;}
.pro2 dt img{ display:block; height:421px; overflow:hidden; width:100%;}
.pro2 dd{ width:237px; height:305px; padding:52px 0 0 45px; overflow:hidden; background:url(../images/pro_gbg.png) no-repeat; position:absolute; top:0; right:40px;}
.pro2 dd h3{width:172px; height:40px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; line-height:40px; color:#008ce1; margin-left:20px;}
.pro2 dd h3 a{ color:#008ce1; font-weight:bold;}
.pro2 dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:84px; overflow:hidden; color:#fff; margin:30px 0 42px;}
.pro2 dd em a{ display:block; width:160px; height:52px; font:18px "Microsoft YaHei"; text-align:center; line-height:52px; color:#fff; overflow:hidden;}
.pro2 li{ width:277px; float:left; margin-right:27px;}
.pro2 li img{ display:block; width:277px; height:175px;}
.pro2 li em{display:block;font:18px "Microsoft YaHei"; height:59px; line-height:59px; color:#666; overflow:hidden; text-align:center; background:url(../images/pro_bg01.gif) no-repeat center top;}
.pro2 li a:hover em{ background:url(../images/pro_bg02.gif) no-repeat center top; color:#fff;}
.pro2 .nones{ margin-right:0;}

.ys{ height:1020px; overflow:hidden;}
.ys .tit{ background:url(../images/ys_hbg.png) no-repeat center top;}
.ys .tit em{ letter-spacing:0;}
.ys1{ height:626px;}
.ys01{ height:626px; background:url(../images/ys_bg1.jpg) no-repeat center top;}
.ys01 .content{ position:relative;}
.ys01 dl{ width:525px; padding:145px 0 0 110px;}
.ys01 dt{ font:30px "Microsoft YaHei"; font-weight:bold; color:#008ce1; padding-left:30px; height:106px;}
.ys01 dt em{ display:block; font:12px Arial; text-transform:uppercase; color:#999; padding:18px 0 20px; letter-spacing:3px;}
.ys01 dd{ padding:0 0 0 30px;}
.ys01 dd p{ font:16px "Microsoft YaHei"; line-height:26px; color:#666; margin:14px 0 26px; width:460px;}
.ys01 dd span a{ display:block; width:110px; padding-left:30px; height:35px; background:url(../images/ys_btn.png) no-repeat center top; font:14px "Microsoft YaHei"; line-height:35px; color:#fff; line-height:35px; color:#fff; margin:20px 0 0 -20px;}
.ys02{ background:url(../images/ys_bg2.jpg) no-repeat center top; height:626px;}
.ys02 dl{ position:absolute; top:115px; left:750px; padding:0; width:500px;}
.ys02 dt em{ letter-spacing:0;}
.ys03{background:url(../images/ys_bg3.jpg) no-repeat center top;}
.ys03 dl{ padding:122px 0 0 110px;}
.ys04{ background:url(../images/ys_bg4.jpg) no-repeat center top;}
.ys04 h2{ font:30px "Microsoft YaHei"; font-weight:bold; color:#008ce1; padding-left:125px; height:155px;}
.ys04 h2 em{display:block; font:12px Arial; text-transform:uppercase; color:#999; padding:18px 0 20px; letter-spacing:3px;}
.ys04 li{ width:384px; float:left; margin-right:24px; position:relative;}
.ys04 li a{ display:block;}
.ys04 li img{ display:block; height:290px;}
.ys04 li em{ display:block; width:78px; height:89px; background:url(../images/ys_h.png) no-repeat center top; font:18px "Microsoft YaHei"; font-weight:bold; color:#fff; line-height:80px; text-align:center; position:absolute; top:0; left:0;}
.ys04 li p{ height:83px; padding:25px 25px 0 25px; background:url(../images/ys_bg03.png) no-repeat center top; font:16px "Microsoft YaHei"; text-align:center; line-height:26px;}
.ys04 li b{ display:block; width:18px; height:9px; background:url(../images/ys_jt1.png) no-repeat center top;background-size:18px 9px; position:absolute; top:281px; left:183px;}
.ys04 li a:hover p{background:url(../images/ys_bg04.png) no-repeat center top;color:#fff;}
.ys04 li a:hover b{background:url(../images/ys_jt2.png) no-repeat center top;background-size:18px 9px;}
.ys04 .nones{ margin-right:0;}

.yst{ height:166px; overflow:hidden; margin-top:20px;}
.yst li{ width:300px; float:left; height:166px; overflow:hidden; font:28px "Microsoft YaHei"; text-align:center;}
.yst li a{ display:block; color:#333; padding-top:38px; height:128px; background:url(../images/ys_01.png) no-repeat center top;}
.yst li em{ display:block; width:42px; height:40px; margin:0 auto 4px;}
.yst li i{ display:block; font:12px Arial; color:#999; text-transform:uppercase; padding-top:5px;}
.yst .li1 em{ background:url(../images/ys11.png) no-repeat center top;}
.yst .li2 em{ background:url(../images/ys22.png) no-repeat center top;}
.yst .li3 em{ background:url(../images/ys33.png) no-repeat center top;}
.yst .li4 em{ background:url(../images/ys44.png) no-repeat center top;}
.yst li a:hover,.yst .cur a{ background:url(../images/ys_02.png) no-repeat center top; color:#fff;}
.yst li a:hover em,.yst .cur em{ background-position:0 -40px;}
.yst li a:hover i,.yst .cur i{ color:#fff;}

.guan1{ height:204px; overflow:hidden; background:url(../images/guan1.jpg) no-repeat center top;}
.guan1 p{ width:423px; height:45px; overflow:hidden; margin:128px 154px 0 0; float:right; font:24px Arial; line-height:45px; color:#fff; display:inline-block;}
.guan1 p a{ display:inline-block; width:166px; height:42px; font:18px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff;}
.guan1 p span{ display:inline-block; padding-left:55px;}

.solve{ margin-top:55px;}
.solve .solve-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #008ce1; font-weight: bold; margin-bottom: 39px;}
.solve-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.solve-title i{ color: #333; font-weight: normal; }
.solve-wrap{ height: 490px; margin-bottom: 80px; position:relative;}
.solve .solve-big{ width: 726px; height: 490px; position:absolute; top:0; left:237px; z-index:5;}
.solvet{ position:absolute; top:0; left:0; width:1200px;}
.solvet .li4{ position:absolute; top:0; right:0;}
.solvet .li5{ position:absolute; top:169px; right:0;}
.solvet .li6{ position:absolute; top:338px; right:0;}
.solve ul li{ width: 223px; height: 153px; margin-bottom: 16px; position: relative; }
.solve ul li img{ display: block; width: 223px; height: 153px;}
.solve ul li span{ background-color: rgba(255,118,8,.8); position: absolute; left: 0; top: 0; width: 223px; height: 153px; line-height: 153px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; display: none;}
.solve ul li:hover span{ display: block; }
.solve-big .solve-one img{ display: block; width: 726px; height: 490px;}
.solve-big .solve-desc{ background-color: rgba(0,0,0,.6); height: 94px; position: absolute; left: 0; bottom: 0; width: 653px; color: #fff; padding: 20px 40px 0 33px;}
.solve-big .solve-desc p{ font-size: 14px; line-height: 29px; }
.solve-big .solve-desc p i{ color: #ff7608; font-weight: bold; }
.solve-big .solve-two{ position: absolute; left: 30px; bottom: 20px; }
.solve-big .solve-two img{ display: block; width: 156px; height: 150px; border: 10px solid #fff;}

.partner .partner-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #008ce1; font-weight: bold; margin-bottom: 39px;}
.partner-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.partner-title i{ color: #333; font-weight: normal; }
.partner-wrap{ height: 438px; position: relative; margin-bottom: 60px;}
.partner-more{ position: absolute; width: 83px; height: 83px; background: #ff7608; border-radius: 80px; text-align: center; line-height: 83px; color: #fff; font-size: 14px; display: block; left: 50%; margin-left: -41px; top: 161px; }
.partner dl{ width: 584px; height: 192px; border: 1px solid #dadada; border-radius: 20px; border-radius: 100px; padding: 5px; box-sizing: border-box; float: left; margin-bottom: 20px;}
.partner dl:nth-child(2n){ float: right; }
.partner dt{ width: 181px; height: 181px; float: left; margin-right: 26px;border-radius:100%; }
.partner dt img{ display: block; width: 181px; height: 181px;border-radius:100%; }
.partner dd{ width: 336px; float: left; }
.partner dd h3{ font-size: 16px; color: #1d1d1d; border-bottom: 1px solid #e0e0e0; height: 40px; margin: 40px 0 20px;}
.partner dd h3 a{ color: #1d1d1d; }
.partner dd p{ font-size: 14px; line-height: 26px; color: #5a5a5a; }
.partner dd p a{ color: #008ce1; font-weight: bold; }
.partner dl:hover{ border: 1px solid #ff7608; }
.partner dl:hover h3 a{ color: #ff7608; }
.partner dl:hover p a{ color: #ff7608; }


.new .news-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #008ce1; font-weight: bold; margin-bottom: 39px;}
.news-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.news-title i{ color: #333; font-weight: normal; }
.n_nav{height:100px; margin-bottom:32px; position:relative; overflow: hidden; background:url(../images/line.gif) repeat-x center 9px; padding-left:320px; margin-top:20px;}
.n_nav li{ float:left;height:60px; font:18px "Microsoft YaHei"; color:#101010; padding:0 40px; line-height:60px;}
.n_nav li a{ display:block; color:#101010; height:25px; padding-top:25px; background:url(../images/dot1.png) no-repeat center top;}
.n_nav .cur{color:#ff7608; font-weight:bold;}

.news_c{ height:481px; overflow:hidden; margin-bottom: 80px;}
.news_c .news_big{ width: 590px; height: 481px; overflow: hidden; position: relative;}
.news_c .news_big dt{ position:relative;}
.news_c .news_big dt img{width: 590px; height: 481px;}
.news_c .news_big dt em{ display:block; position:absolute; top:0; right:0; background:url(../images/tou.png) no-repeat; width:60px; height:60px;}
.news_c .news_big dd{ height: 125px; background-color: rgba(0,140,225,.8); position: absolute; left: 0; bottom: 0; color: #fff; padding: 20px 20px 0;}
.news_c .news_big dd h3{ font-size: 16px; margin: 20px 0 10px;}
.news_c .news_big dd a{ color:#fff;}
.news_c .news_big dd p{ font-size: 14px; line-height: 24px; }
.news_c .news-item{ width: 590px; height: 481px; }
.news_c .news-item dl{ height: 145px; background: #f5f5f5; margin-bottom: 24px; }
.news_c .news-item dt{ width: 300px; height: 145px; float: right; position: relative; margin-left: -16px;}
.news_c .news-item dt img{ display: block; width: 300px; height: 145px; }
.news_c .news-item dd{ width: 251px; padding:0 19px; height: 111px; float: left; background: #fff; margin: 17px 0 0 17px;position: relative;z-index: 2; font-size: 14px; color: #333333;}
.news_c .news-item dd span{ display: block; font-size: 12px; color: #5b5b5b; margin: 20px 0 10px;}
.news_c .news-item dd a{ color: #333; }
.news_c .news-item dd a:hover{ color: #ff7608; }
.news_c .news-item dd i{ display: block; background: url("../images_icon.jpg") no-repeat; width: 25px; height: 5px; margin-top: 16px; }


.about .about-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #008ce1; font-weight: bold; margin-bottom: 39px;}
.about-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.about dl{ height:495px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.about dt{ width:570px; height:435px; float:right; overflow:hidden; margin-top: 30px;}
.about dt img{ display:block; width:570px; height:435px;}
.about dd{ width:490px; float:left; overflow:hidden; margin-left: 60px;}
.about dd h3 a{ display:block; margin-top:67px; font:18px "Microsoft YaHei"; font-weight:bold; color:#423f3b; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom: 20px;}
.about dd h3 a span{ display: block; font-size: 36px; font-weight: normal; text-transform: uppercase; color: #f38929; }
.about dd p{ font:14px "Microsoft YaHei"; line-height:28px; color:#555; height:140px; margin-top:12px;}
.about dd em a{ display:block; width:173px; height:42px; background:#f38929; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff; overflow:hidden; margin-top:40px; border-radius: 20px;}


.pic{ height:360px; margin-top:25px;}
.nav2{ height:60px; overflow:hidden; background:url(../images/line.gif) repeat-x center center; margin-bottom:20px; position:relative;}
.nav2 li{ font:18px "Microsoft YaHei"; line-height:60px; height:60px; overflow:hidden; float:left; background:#fff url(../images/line2.gif) no-repeat right center; padding:0 20px;}
.nav2 li a:hover,.nav2 li .cur{ font-weight:bold; color:#ff7608;}
.nav2 .nones{ background:#fff;}
.nav2 .li1{ padding-left:0;}
.nav2 li a{ display:inline-block; color:#333;}
.nav2 .more2 span a{ display:block; font:16px Arial; text-transform:uppercase; background:#fff; padding-left:20px; position:absolute; top:0; right:0;height:60px; line-height:60px; color:#008ce1; overflow:hidden;}
.pic2{  position:relative;}
.pic3{ width:1200px; overflow:hidden;}
.pic2 li{ width:280px;float:left; margin-right:24px; position:relative;}
.pic2 li img{ display:block;width:280px; height:300px;}
.pic2 li span{ display:block; font:14px "Microsoft YaHei"; text-align:center; height:45px; color:#666; line-height:45px; overflow:hidden; border-bottom:2px solid #bfbfbe;}
.pic2 li a:hover span{ background:#008ce1; border-bottom:2px solid #008ce1; color:#fff;}
.pic2 li a:hover img{ display:block; border:3px solid #008ce1; width:274px; height:300px;}
.arr1{ font:30px; color:#fff; position:absolute; top:60px; left:-16px; width:32px; height:36px; text-align:center; line-height:36px;}
.arr2{font:30px; color:#fff; position:absolute; top:60px; right:-16px;width:32px; height:36px;text-align:center; line-height:36px;}
.arr1 a,.arr2 a{background:#008ce1; display:block; color:#fff;}
.arr1 a:hover,.arr2 a:hover{ background:#ff7608;}

.link{ height:84px; font:14px "Microsoft YaHei"; line-height:84px; overflow:hidden;}
.link a{ display:inline-block; padding:0 20px; color:#555; }
.link a:hover{ color:#3099f3;}